// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`PypiInstallation renders all the messages 1`] = `
<div>
  <div
    class="gl-display-flex gl-justify-content-space-between gl-align-items-center"
  >
    <h3
      class="gl-font-lg"
    >
      Installation
    </h3>
     
    <div>
      <div
        class="gl-new-dropdown"
      >
        <button
          aria-controls="base-dropdown-10"
          aria-haspopup="listbox"
          aria-labelledby="dropdown-toggle-btn-8"
          class="btn btn-default btn-md gl-button gl-new-dropdown-toggle"
          data-testid="base-dropdown-toggle"
          id="dropdown-toggle-btn-8"
          listeners="[object Object]"
          type="button"
        >
          <!---->
           
          <!---->
            
          <span
            class="gl-button-text"
          >
            <span
              class="gl-new-dropdown-button-text"
            >
              
        Show PyPi commands
      
            </span>
             
            <svg
              aria-hidden="true"
              class="gl-button-icon gl-new-dropdown-chevron gl-icon s16"
              data-testid="chevron-down-icon"
              role="img"
            >
              <use
                href="file-mock#chevron-down"
              />
            </svg>
          </span>
        </button>
         
        <div
          class="gl-new-dropdown-panel gl-w-31!"
          data-testid="base-dropdown-menu"
          id="base-dropdown-10"
        >
          <div
            class="gl-new-dropdown-inner"
          >
             
            <!---->
             
            <!---->
             
            <ul
              aria-labelledby="dropdown-toggle-btn-8"
              class="gl-new-dropdown-contents gl-new-dropdown-contents-with-scrim-overlay gl-new-dropdown-contents"
              id="listbox-9"
              role="listbox"
              tabindex="-1"
            >
              <li
                aria-hidden="true"
                class="top-scrim-wrapper"
                data-testid="top-scrim"
              >
                <div
                  class="top-scrim top-scrim-light"
                />
              </li>
               
              <li
                aria-hidden="true"
              />
               
              <li
                aria-selected="true"
                class="gl-new-dropdown-item"
                data-testid="listbox-item-pypi"
                role="option"
                tabindex="-1"
              >
                <span
                  class="gl-new-dropdown-item-content gl-bg-gray-50!"
                >
                  <svg
                    aria-hidden="true"
                    class="gl-icon s16 gl-new-dropdown-item-check-icon gl-mt-3 gl-align-self-start"
                    data-testid="dropdown-item-checkbox"
                    role="img"
                  >
                    <use
                      href="file-mock#mobile-issue-close"
                    />
                  </svg>
                   
                  <span
                    class="gl-new-dropdown-item-text-wrapper"
                  >
                    
            Show PyPi commands
          
                  </span>
                </span>
              </li>
               
              <!---->
               
              <!---->
               
              <li
                aria-hidden="true"
              />
               
              <li
                aria-hidden="true"
                class="bottom-scrim-wrapper"
                data-testid="bottom-scrim"
              >
                <div
                  class="bottom-scrim"
                />
              </li>
            </ul>
             
            <!---->
             
          </div>
        </div>
      </div>
    </div>
  </div>
   
  <fieldset
    class="form-group gl-form-group"
    id="installation-pip-command-group"
  >
    <legend
      class="bv-no-focus-ring col-form-label pt-0 col-form-label"
      id="installation-pip-command-group__BV_label_"
      tabindex="-1"
    >
      
      
      
      <!---->
       
      <!---->
    </legend>
    <div>
      <div
        data-testid="pip-command"
        id="installation-pip-command"
      >
        <label
          for="instruction-input_11"
        >
          Pip Command
        </label>
         
        <div
          class="gl-mb-3"
        >
          <div
            class="input-group gl-mb-3"
          >
            <input
              class="form-control gl-font-monospace"
              data-testid="instruction-input"
              id="instruction-input_11"
              readonly="readonly"
              type="text"
            />
             
            <span
              class="input-group-append"
              data-testid="instruction-button"
            >
              <button
                aria-label="Copy Pip command"
                aria-live="polite"
                class="btn input-group-text btn-default btn-md gl-button btn-default-secondary btn-icon"
                data-clipboard-handle-tooltip="false"
                data-clipboard-text="pip install @gitlab-org/package-15 --index-url http://__token__:<your_personal_token>@gdk.test:3000/api/v4/projects/1/packages/pypi/simple"
                id="clipboard-button-12"
                title="Copy Pip command"
                type="button"
              >
                <!---->
                 
                <svg
                  aria-hidden="true"
                  class="gl-button-icon gl-icon s16"
                  data-testid="copy-to-clipboard-icon"
                  role="img"
                >
                  <use
                    href="file-mock#copy-to-clipboard"
                  />
                </svg>
                  
                <!---->
              </button>
            </span>
          </div>
        </div>
      </div>
      <!---->
      <!---->
      <small
        class="form-text text-muted"
        id="installation-pip-command-group__BV_description_"
        tabindex="-1"
      >
        You will need a 
        <a
          class="gl-link"
          data-testid="access-token-link"
          href="/help/user/profile/personal_access_tokens"
        >
          personal access token
        </a>
        .
      </small>
    </div>
  </fieldset>
   
  <h3
    class="gl-font-lg"
  >
    Registry setup
  </h3>
   
  <p>
    If you haven't already done so, you will need to add the below to your 
    <code>
      .pypirc
    </code>
     file.
  </p>
   
  <div
    data-testid="pypi-setup-content"
  >
    <!---->
     
    <div>
      <pre
        class="gl-font-monospace"
        data-testid="multiline-instruction"
      >
        [gitlab]
repository = http://gdk.test:3000/api/v4/projects/1/packages/pypi
username = __token__
password = &lt;your personal access token&gt;
      </pre>
    </div>
  </div>
   For more information on the PyPi registry, 
  <a
    class="gl-link"
    data-testid="pypi-docs-link"
    href="/help/user/packages/pypi_repository/index"
    rel="noopener"
    target="_blank"
  >
    see the documentation
  </a>
  .
</div>
`;
